.Community {
  width: 1200px;
  margin: -30px auto;
  transform: translateX(-10%);
  display: flex;
  justify-content: space-between;

  .ReactEmojiEditor {
    width: 95%;
    margin: 0 auto;
    position: relative;

  }


  .MyInfoContainer {
    width: 200px;
    height: 150px;
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 20px;


    .MyInfo {
      width: 70%;
      justify-content: space-around;
      align-items: center;
      display: flex;
      flex-direction: column;
    }

    :global {
      :where(.css-dev-only-do-not-override-acm2ia).ant-divider-horizontal {
        width: 80%;
        min-width: 80%;
      }

      :where(.css-dev-only-do-not-override-acm2ia).ant-divider-dashed {
        border-width: 2px 0 0;
      }
    }

    .FollowerContainer {
      width: 60%;
      display: flex;
      justify-content: space-between;

      .Follower {
        display: flex;
        align-items: center;
        flex-direction: column;
        cursor: pointer;
      }
    }
  }
}